<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="康普惠 - 智创未来，共享繁荣. 提供健康福利、人才薪酬、变革转型、财富投资等专业解决方案">
    <meta name="keywords" content="康普惠,企业咨询,人力资源,薪酬福利,投资咨询">
    <title>{% block title %}康普惠 | 破界而生、循道而行{% endblock %}</title>
    
    <!-- 字体 -->
    <link rel="stylesheet" href="/static/font/font.css">
    
    <!-- Bootstrap CSS (本地版本 5.1.3) -->
    <link rel="stylesheet" href="/static/vendor/bootstrap/css/bootstrap.min.css">
    
    <!-- 使用Bootstrap Icons替代Font Awesome -->
    <link rel="stylesheet" href="/static/vendor/bootstrap-icons/bootstrap-icons.css">
    
    <!-- Custom CSS -->
    <link rel="stylesheet" href="/static/css/style.css">
    
    <!-- Favicon -->
    <link rel="shortcut icon" href="/static/img/title.jpg" type="image/jpeg">
    
    <!-- 全局字体样式优化 -->
    <style>
        /* 额外的字体优化 */
        .navbar-brand span {
            font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
            font-weight: 700;
        }
        
        .nav-link {
            font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
            font-weight: 500;
            letter-spacing: 0.02em;
        }
        
        .btn {
            font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
            font-weight: 500;
            letter-spacing: 0.02em;
        }
        
        footer h5 {
            font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
            font-weight: 600;
            letter-spacing: -0.01em;
        }
        
        .footer-links a {
            font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
            font-weight: 400;
        }
    </style>
    
    {% block extra_css %}{% endblock %}
</head>
<body>
    <!-- 顶部导航栏 -->
    <header>
        <nav class="navbar navbar-expand-lg navbar-light bg-white py-3">
            <div class="container">
                <a class="navbar-brand" href="{% url 'home' %}" style="display: flex; align-items: center;">
                    <img src="/static/img/title.jpg" width="55" height="55" alt="康普惠" style="margin-right: 12px; filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2)); border-radius: 50%; object-fit: cover;">
                    <span style="font-size: 2.5rem; font-weight: 800; color: #0056b3; letter-spacing: -0.5px; line-height: 1; position: relative; top: -3px;">康普惠</span>
                </a>
                <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                </button>
                
                <div class="collapse navbar-collapse" id="navbarNav">
                    <ul class="navbar-nav ms-auto">
                        <li class="nav-item">
                            <a class="nav-link" href="{% url 'about' %}">
                                <i class="bi bi-building me-1"></i> 公司介绍
                            </a>
                        </li>
                        
                        <li class="nav-item dropdown">
                            <a class="nav-link dropdown-toggle" href="#" id="productDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                                <i class="bi bi-briefcase me-1"></i> 咨询产品
                            </a>
                            <ul class="dropdown-menu" aria-labelledby="productDropdown">
                                <li><a class="dropdown-item" href="{% url 'consulting_product' 'strategic_planning' %}">战略规划系统</a></li>
                                <li><a class="dropdown-item" href="{% url 'consulting_product' 'organization_intelligence' %}">组织智能系统</a></li>
                                <li><a class="dropdown-item" href="{% url 'consulting_product' 'position_optimization' %}">岗位优化系统</a></li>
                                <li><a class="dropdown-item" href="{% url 'consulting_product' 'salary_incentive' %}">薪酬激励系统</a></li>
                                <li><a class="dropdown-item" href="{% url 'consulting_product' 'performance_improvement' %}">绩效提升系统</a></li>
                            </ul>
                        </li>
                        
                        <li class="nav-item">
                            <a class="nav-link" href="{% url 'classic_cases' %}">
                                <i class="bi bi-journal-text me-1"></i> 经典案例
                            </a>
                        </li>
                    </ul>
                    
                    <div class="d-flex ms-3">
                        <a href="{% url 'contact' %}" class="btn btn-primary">
                            <i class="bi bi-headset me-1"></i> 咨询顾问
                        </a>
                    </div>
                </div>
            </div>
        </nav>
    </header>
    
    <!-- 主要内容 -->
    <main>
        {% block content %}{% endblock %}
    </main>
    
    <!-- 返回顶部按钮 -->
    <a href="#" class="scroll-to-top">
        <i class="bi bi-arrow-up"></i>
    </a>
    
    <!-- 页脚 -->
    <footer class="bg-dark text-white py-5 mt-5">
        <div class="container">
            <div class="row">
                <div class="col-md-4 mb-4">
                    <h5>康普惠</h5>
                    <p>破界而生、循道而行</p>
                    <div class="mt-3 social-icons">
                        <a href="#" class="text-white me-3" title="微信" data-bs-toggle="tooltip"><i class="bi bi-wechat fs-4"></i></a>
                        <a href="#" class="text-white me-3" title="微博" data-bs-toggle="tooltip"><i class="bi bi-sina-weibo fs-4"></i></a>
                        <a href="#" class="text-white me-3" title="领英" data-bs-toggle="tooltip"><i class="bi bi-linkedin fs-4"></i></a>
                    </div>
                </div>
                
                <div class="col-md-2 mb-4">
                    <h5>咨询产品</h5>
                    <ul class="list-unstyled footer-links">
                        <li><a href="{% url 'consulting_product' 'strategic_planning' %}" class="text-white text-decoration-none">战略规划系统</a></li>
                        <li><a href="{% url 'consulting_product' 'organization_intelligence' %}" class="text-white text-decoration-none">组织智能系统</a></li>
                        <li><a href="{% url 'consulting_product' 'position_optimization' %}" class="text-white text-decoration-none">岗位优化系统</a></li>
                        <li><a href="{% url 'consulting_product' 'salary_incentive' %}" class="text-white text-decoration-none">薪酬激励系统</a></li>
                        <li><a href="{% url 'consulting_product' 'performance_improvement' %}" class="text-white text-decoration-none">绩效提升系统</a></li>
                    </ul>
                </div>
                
                <div class="col-md-2 mb-4">
                    <h5>快速链接</h5>
                    <ul class="list-unstyled footer-links">
                        <li><a href="{% url 'about' %}" class="text-white text-decoration-none">公司介绍</a></li>
                        <li><a href="{% url 'classic_cases' %}" class="text-white text-decoration-none">经典案例</a></li>
                        <li><a href="{% url 'contact' %}" class="text-white text-decoration-none">咨询顾问</a></li>
                    </ul>
                </div>
                
                <div class="col-md-4 mb-4">
                    <h5>联系我们</h5>
                    <ul class="list-unstyled contact-info">
                        <li class="mb-2"><i class="bi bi-geo-alt me-2 text-primary"></i> 上海松江区茸梅路1177弄8号楼302室</li>
                        <li class="mb-2"><i class="bi bi-telephone me-2 text-primary"></i> +86 13917367389</li>
                    </ul>
                </div>
            </div>
            
            <hr class="my-4">
            
            <div class="row">
                <div class="col-md-6">
                    <p>&copy; {% now "Y" %} 康普惠(中国)有限公司 保留所有权利</p>
                </div>
                <div class="col-md-6 text-md-end">
                    <a href="#" class="text-white text-decoration-none me-3">使用条款</a>
                    <a href="#" class="text-white text-decoration-none me-3">隐私声明</a>
                    <a href="#" class="text-white text-decoration-none">Cookie声明</a>
                </div>
            </div>
        </div>
    </footer>
    
    <!-- Bootstrap JS -->
    <script src="/static/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
    
    <!-- Custom JavaScript -->
    <script src="/static/js/main.js"></script>
    
    {% block extra_js %}{% endblock %}
</body>
</html> 